<template>

    <div>
        <div class="title">
            <h2>{{title}} </h2>
        </div>
        <div>
            <mt-cell title="helloWorld" to="/helloWorld"></mt-cell>
            <mt-cell title="标题文字"></mt-cell>
            <mt-cell title="标题文字"></mt-cell>
            <mt-cell title="标题文字"></mt-cell>
            <mt-cell title="标题文字"></mt-cell>
            <mt-cell title="标题文字"></mt-cell>
            <mt-cell title="标题文字" value="说明文字"></mt-cell>
        </div>
    </div>
</template>

<script>
export default {
    name: 'NovelChapter',
    data () {
        return {
          title: '修真大陆'
      }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
    .title{
        text-align: center;
    }
    .novel-icon{
        width: 48px;
        height: 48px;
        margin: 5px 0px;
    }
</style>
